A problem 
means an objective or an output that we have to 


achieve, we have to follow consecutive steps 
sequentially to attain the required objective 


Problem solving 
The problem is defined as the objective or the specific 


output that we want to attain; through a sequence of 
steps and activities and, specific input. 


Problem solving stages 
1 - Problem Definition 


implies the identification of required outputs, 
available inputs and, arithmetic and logical 
operations to be executed. 


2 - Performing step-by-step instructions 
(Algorithm) to solve a Problem 

a group of logically arranged procedures to be 
executed to attain a goal or precise output, out of 
specific inputs. 


a plan in the form of a series of successive steps is 
made 

which is called an (Algorithm) 

devised by the Mathematician and the founder of 
Algebra “Muhammed ibn Musa al-Jwarizmi”. 

The algorithm is represented by drawing 
“Flowcharts” 


3 - program design 


Having drawn a “Flowchart”, to solve the problem, 
using a computer; we have to translate this flowchart 
into one of the programming languages. 
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4 - program testing 


we begin entering data to the program with 
previously known results; to compare the results of 
the current program to those of the well-known 
results; therefore we check the errors and debug 
them. 

5 - program documentation 


- Writing all steps taken for solving the problem 
that include: given Input, output 

- plan for solving the problem, drawn flowchart 

- programming language used for coding and, 
instructions 

- date of last modification of the program and, 
people who - contribute to the program 
development process 

- to have the program documented to go back 

for feedback and correction the documentation is 

beneficial when more than one person participate 

in writing or modifying the program 


Flowchart 

is a diagram that uses standard graphical symbols; to 
illustrate the sequence of steps required for solving a 
problem or specific question. 


- Flowchart promotes understanding of a problem 

- shows what tasks should be performed when 
writing program codes 

- so coding becomes an easy task for a 
programmer. 

- A Flowchart explains the program to others 


- itis also considered a convenient tool for 
documenting a program especially if it is 
complicated. 


The most commonly used symbols are as follows 


Significance symbol 


(Terminal) 


( Input/Output ) 


C i”) 
[_/ 
<> 


(Decision) 


(Flow Lines) l 


Simple Flowchart 
Exercise 1 


Draw a flowchart for a program that will calculate the sum of two 
numbers entered by the user and display the result. 


First: Define the problem 
Output: The sum of two numbers 


Io l 1 


Second :Algorithm Third :Flowchart 
1 Start 


2 Enter the number A and the 


number B Enter A and B 
3 Performing the sum of the two 
numbers using this equation 


C=A+B, the output is C 
4 Print C 
5 End 


To construct a Flowchart we should consider the following 
1—-The flowchart should start with the Start symbol and end with the 


End symbol. 


2-A,B,C are variable names .A Variable refers to a memory storage 
that holds a value. 

3-The equation: C =A+B, indicates the sum of the value of A, to the 
value of B, and stores the result in C. 

4-Entering values in A and B is done by using the term “Enter”, 
inside the parallelogram, yf you can also use another term 


to get the same meaning like “Read” or “Input”. 


5-The sum equation is written inside the rectangle, | as 


it represents an arithmetic operation. 


6-The output is expressed with a parallelogram yr 6 using 


the term “Output”, we can also use another term like “Print”. { 


7-Note that Lines with arrows (flow lines) are from top to bottom 


and show the exact order of an Algorithm. j 


Exercise 2 
Draw a flowchart for a program that will compute the average and 


Product of three numbers. 


First: Define the problem 

Output: The average of three numbers. 
Input: The number X, the number Y, and the 
number Z. 

Solution: Average =(X+Y+Z)/3 and, Product= 
II 


Second :Algorithm Third :Flowchart 


l Start 
2 Read the values of X,Y,Z 


3 Average =(X+Y+Z)/3 and 
Product= X*Y*Z 


4 Print the Average and the ee ye 
Product product=x*y*z 


5 End 


Print average, 


product 


Exercise 3 


Solving a first degree equation Y=3x+2 


First: Define the problem 

Output: The value of “Y”. 

Input: X. 

Solution: Compute the value of “Y” from the 
equation Y=3x+2 


Second :Algorithm Third :Flowchart 
1 Start T 


2 Enter value of X 

3 Calculate Y =(3*X+2) 
4 Output value of Y 

5 End 


Print Y 


Notice 


1- The expression on the left side of any equation 
Should contain only one variable; the value of this 
variable will be the (output) or the solution of the 
equation. 


2- The expression on the right side of the equation 
may contain values or arithmetic expressions that 
have one or more variables (inputs). 


3- Variable names are chosen to reflect and indicate 
the content of the variables 


Activity 1 

Write down the Algorithm, and draw a flowchart to 
compute the area and the perimeter of a 

rectangle ,;whose length and width are known , 
bearing in mind that the equation of the area is : Area 
=L*W and that of the Perimeter is: Perimeter 
=2*(L+W). 


Activity 2 

Write down the Algorithm, and draw a flowchart to 
calculate the area of a circle whose radius “R” is 
known, bearing in mind that the equation of the area 
is: Area =3.14*R*R. 


Activity 3 


Write down the Algorithm, and draw a flowchart to 
calculate the number of years, bearing in mind that 
the number of months is known 


The use of Branching (Decision) in Flowcharts 


Most problems include a decision point, such as 
yes/no question, where two possible answers are 
available a “yes” and a “no”, in a flowchart the 
decision point has two paths (branches), each 
presents one of the possible answers, you can also 
find more than two answers. 


Exercise 4 
Draw a flowchart for a program that will obtain exam scores from 


the user, Determine whether the score is greater than or equal 50 


and display the message “ cal". 


First: Define the problem 

Output: print the word “ asl “. 

Input: the score X. 

Solution: If the value of X is greater than or equal 
50; the word “zel ” will be printed. 


Second :Algorithm Third :Flowchart 


1 Start 
2 Enter the values of X 
3 If X> =50 then 

3-1 Print “œu” 


4 End 


Exercise 5 
Draw a flowchart for a program that will calculate the division of 


two numbers. Determine whether the divisor equal (zero) and 


display the message “unknown “, 


First: Define the problem 
Output: print the result of dividing two numbers 
“R” or print the 

word “peo ué ”. 
Input: the dividend is “num1”, and the divisor is 
“num2”, 
Solution: if num2=0 then print “ye 9,20”, 
otherwise print the 

result of the division “R”. 


Second :Algorithm Third :Flowchart 


2 Enter the dividend num1 i 


Enter num1 
3 Enter the divisor num2 


4 If num2 =0 then Enter num2 
4-1 Print “i è” 
4-2 Go to step 7 


5 R=num1/num2 R=num1/num2 


6 Print R 
Print R 


7 End 


Exercise 6 
Draw a flowchart for a program that obtains a number from the user. 


Determine the number type (even or odd) and print the result 


First: Define the problem 
late ee ie the peed type (even or odd). 


Qe 
Second Akom Third :Flowchart 
1 Start 


2 Enter N 


3 If N is divisible by 2 without 
remainder then 
3-1 Print “s3 * 


4 Else divisible 
by 2 


4-1 Print “ss È 8)” 


235 abl 


5 End 


Exercise 7 
Get a temperature degree from the user, and print out the following 


results “greater than zero” — “less than zero “- “equal zero”. 


First: Define the problem 
Output: print out “greater than zero” - “less than 
Zero “- 

“equal zero”. 
Input: degree Celsius “D”. 
Solution: the temperature degree entered will be 
compared to zero 
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Second :Algorithm Third :Flowchart 
1 Start 


2 Enter D (temperature 
degree) 


3 If D=o then 
3-1 Print “Equal zero” 
4 Else 
4-1 if D<0 then 
4-1-1 Print “Below zero” 
4-2 Else 


4-2-1 Print “Above zero” 


5 End 


Activity 4 

Write down the Algorithm, and draw a flowchart to 
enter two numbers, then Print “the largest is ...? “ 
and, “the smallest number is...? “. 


Activity 5 

The following flowchart is used to calculate the Area 
of a circle whose radius “R”. Repeat drawing the 
Flowchart so that it displays the message “not 
allowed “and exits from the program (When the value 
of “R” is negative). 
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Flowchart Modified Flowchart 


Input R 
A=3.14* R*R 
Print A 
The use of Loop in Flowcharts 


Exercise 8 


Print out the numbers from 1 to 3. 


First: Define the problem 

Output: print out the numbers from 1 to 3 

Input: the number M 

Solution: print out the number M and increase by 1 
then print out until reach the value to 3 
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Second :Algorithm Third :Flowchart 


1 Start 
2 M=1 
3 If M<=3 then 
3-1 Print M 
3-2 M=M+1 
3-3 Go To step(3) 


4 End 


A different way for drawing this flowchart 
so it does not matter the fiqure drawn, what reallv 
matters i! 


Print M 


Notice 

1-M values that are printed 1 - 2 - 3 

2- When the condition become false, the value of M 
that 4 

3-M value that 4 after the end of the loop 

4-Number of iterations is known in advance 3 times 

5-M variable called counter, where it causes repeat 
steps 


Exercise 9 
Modify the Flowchart of the previous exercise to print the 


multiplication table of No 3. 


Second :Algorithm Third :Flowchart 
1 Start 


2 J=1 


3 If J <=12 then 


3-1 Print J*3 


3-2 J=J+1 


Print J*3 


3-3 Go To step(3) 


4 End 


Activity 6 


Track the values of the variable (J), and the printed 
value on executing every step in the previous 
exercise (write down in your notebook). 

What is the value of the variable (J), when the result 
of the condition is “False”, and the loop ends? 


Activity 7 

Make the necessary modifications to the Flowchart of 
the previous exercise, so that you can enter the 
required multiplication table; instead of printing the 
multiplication table of “3” constantly 


Algorithm Flowchart 


1 Start 
2 Enter N 
3 J=1 
4 If J<=12 then 
4-2 Print J*N 
4-3 J=J+1 
4-4 Go To step(4) 


5 End 


Second :Algorithm Third :Flowchart 


Exercise 10 


Print out the sum of integer numbers from 1 to 3. 
Flowchart 


1 Start 


2 N=1 


3 Sum=0 


4 Sum =Sum + N 


5 N=N+1 © Sum=Sumén 
6 If N>3 Then 
6-1 Print Sum 
7 Else 
7-1 Go to step (4) “Print Sum 


8 End 


Notice 
Variable N is considered a Counter, while variable 
Sum is an accumulating variable. 


Activity 9 

Draw the Flowchart of the previous exercise in your 
notebook, after modifying it; to print out the sum of 
odd numbers from 1 to 10. 


Activity 10 

After executing the previous activity, draw the 
flowchart in your notebook; to print out the sum of 
even numbers instead of the odd ones 
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Chapter 2 


Introduction to Visual 
Basic.NET 


with Visual Basic.Net Language, and you will be able 
to convert the solution steps of a problem to program 
codes that can be executed. 


Visual Basic .net 

Programming Language 

is just one of the languages in Visual Studio ._NET 
package 

that includes other languages, such as C# and J#. 
is an object-oriented language 

that develops event driven Windows and Web 
applications. 


Programming Language 

Is a set of rules, symbols and special words you can 
use to write instructions and construct a computer 
program; according to the programming language 
used. Instructions will be translated to machine 
language for being executed. 


Notice 
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A Computer executes only commands written in 
machine language. As for programmers; they can’t 
write in machine language, so they use programming 
languages to write programs in English; then comes 
the role of the compiler (found in the language) that 
translates program’ instructions from English to 
machine language; for a Computer to understand. 


Visual Basic .net 

is used to create windows applications 

A Windows-based application has a Graphical User 
Interface (GUI) GUI appears in a window 

like Paint , Notepad ,Calculator ,Internet browser 
that share some common characteristics 

such as “Window style, Maximize button, Minimize 
button and, saving or opening files 


Windows applications are event driven 
applications 

you do an action (event) like pressing a plus (+) sign 
in the calculator application or from the keyboard, 
then a specified task will be executed, so writing 
programs using programming languages (as 
mentioned before) is important for responding to 
certain event. 


Visual Basic .net is an Object Oriented 
Language 

In Visual Basic.Net everything depend on Objects 
(like: Button, Textbox, ComboBox) 

which have 

1- Properties that describe the Object 
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2- Events that occur to objects 
3- Methods that present actions to be performed on 
objects ; causing certain behavior on the objects 


Example Calculator 

each button presents an (Object) 

it has (Properties) like: width, height, text labeled, 
background color 

has events like: (Click) 

has method certain action does this button 


Object 
is the basic constructive element in Object Oriented 
Programming; it is created from a defined class. 


Class 

is the blueprint/ plan / template, from which the 
individual objects, are created. 

Sets in ( Properties, Methods and, Events) which 
takes any object from the (Class). 


Notice 

1.The (Class) implies a definition for the (Object). 
2.The (Object) exists only when an instance of the 
class is created 

3.You can create as many objects you need from a 
class. 

4.A place in the memory is reserved for each object in 
Visual Studio.NET when it is created. 


.Net Framework 

is like the central nervous system for all Visual 
Basic.Net applications, is used in the development, 
design and execution of .NET applications, can be 
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installed for free on operating systems (and is 
available with many versions). 


that enables you to: 

1- Develop applications like (Desktop applications) - 
(Web applications) - (Mobile applications). 

2- Provide a development environment for running all 
applications. 


The Framework is composed of: 
1.The execution engine (CLR) Common Language 
Runtime 
2.The .NET class libraries (System Class Libraries) 
3.(Compilers) 
4.Other elements 


Main elements of IDE screen 

integrated development environment (IDE) 

that enables the developer to do as much as possible 
with visual tools, to quickly design applications 
(Windows applications) - (Web applications) - (Mobile 
applications) 


een fot EER Se 


Form 
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The form is the window (visible interface) of the 
application 

what users will see and work with when they run this 
application 

a form is the container upon which controls 
(CommandButton -Textbox- Label) are placed 


Toolbox 

contains controls (objects) that the programmer can 
place on the form, these controls are available in tabs 
(categories) 

can display all the (Controls), by choosing (All 
Windows Forms) can display (Common Controls) 

can display (Menus & Toolbars) 


Some common control tools 
Button - TextBox - Label - ListBox - Combobox - 
checkbox - Radiobutton 


Properties Window 
Each control from control tools has properties, can be 
set through the Properties window 


Solution Explorer 
contains ( files and folders) for one or multiple 


projects of the current solution 
Solution Explorer - Solution 'MyFirstSolution’ (2 projects) [ 


asana | wn | 


pP” Solution ‘MyFirstSolution'T2 projects) 
CE] MyFirstProject 


— ——~ 
orml.v 


EE MySecondPr 


spt er 
= 
ormi .v 


Files and 
folders of the 
first Project 


Files and 
folders of the 
second Project 


SY Solution Explorer |;}]Data Sources 


Eexrcise 1 

Create a new project 
1.From (File) menu choose (New Project) . 
2.Choose template “windows forms application “ 
3.Type project name, then press ok 

The IDE window appears 


E Myfirx?roject - Microsc Visual Baic 2008 Expres: Edition 


a 
File Edt Wew Projet Buld Oebug Data Tools Window Help 
FA- dJ 4 a > z3 I IF as 2 
colbca - = FormL vd [Design] stat Page | -x | Solution Epler 
E AR Windows Forms AAA He 


td Ford = = LS) MyFirstProject 
oject 


anter a My Pre 
fa) Button T] Forni vb 
v) CheckBos 
E CheckedLetiox ? 
< Combeic« 

Jick 


. 
= en onE iit 
> fo Butt pna 
An SE formi.vb File Propertes 
af ad S 
ia ToolT hh 
Trees Build Acten ome 
=] Weba Copy ts Dutpu Do ne 
Contaneny naa = 
k Po Custom Tooth 
Group 
Pa 
oO see 
Tə 
= Tabi syoutPanel 
Menus & Toobws 
k Ponte 
w taxie Budd Action 
> Strip How the fte relates to t 
be § a ip ‘ p | Septayment processes 


Ready 


(1) The Form window 

(2) The Solution Explorer Window 
(3) The Properties window 

(4) The Toolbox window 


Exercise 2 
Add a new form to the project 
1-From the (Project) menu choose (Add Windows 
form) 
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2-A window appears, choose template “ windows 
Form” 
3-Type new form name, then press add 


Exercise 3 
Save the project in one of the storage devices 
1-Choose (File) menu then select (Save All ) 

2-A window appears, choose storage devices, you 
can change project name which previously was 
written when creating a new project 

3-press the (Save) button 


Exercise 4 
Add a new project to the solution 
1-Choose (File) menu, then select add, then select 
new project 
2-A window appears, choose template, type new 
project name, then press ok 
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Chapter 3 
Controls 


Notice 


- Some properties (such as: Text - Name - Forecolor - 
BackColor - RightToLeft.) are common to most 


controls. 


- Some properties will not be applied to controls 
placed on a form; unless we set other properties to 


Property 
Name 


Text 
FormBorderStyle 
BackColor 


WindowState 


ControlBox 


MinimizeBox 


MaximizeBox 


ShowlInTaskbar 


StartPosition 


RightToLeftLayout 


RightToLeft 


Function 


Name of the Form used in the code. 
Text appearing on the title bar of the Form. 


The Border outline of the Form’s window. 


The background color of the Form’s window. 


Determine the size of the window on the screen. 
whether maximized or minimized or normal. 


Enable or disable (hide) the Control box appearance 
in the window. 


Enable or disable (hide) the appearance of the 
Minimize Button in the window. 


Enable or disable (hide) the appearance of the 
Maximize Button in the window. 


Enable or disable (hide) the appearance of the Form 
icon on the (TaskBar). 


Locate the Form’s window on the screen. 


Determine whether the Layout direction of (Controls) 
on the (Form) is from right to left. 


Determine whether the writing direction of (Controls) 
on the (Form) is from right to left :such as the text 
direction in the (TextBox) . 


Notice 

-the default values of the properties (Text) and 
(Name) are (Form1) 

-the value of property (Text) show during design and 
running 

- the value of (Text) property is displayed as text in 
the title bar of the Form 

- does not show the value of the property (Name) 
during design and running 

Because it used when writing the code in the code 
view 


Notice 

-The value of property (RightToLeft) is (Yes - no) 

- The value of property (RightToLeftLayout) is (true - 
false ) 

- The property (RightToLeftLayout) will not be active, 
unless the property value of (RightToLeft) is (Yes). 


Notice 
-the Properties (controlbox - minimize - maximize) 
take true - false 
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-formborderstyle property has many values like 
sizable that Means the possibility of controlling the 
size of the form window through its borders 

-if formborderstyle property take none value, Form 
borders disappear and the address bar also 
disappears 


Notice 

- (ShowInTaskbar ) property take ( true - false ) 
- (StartPosition ) property has many options like 
( centerscreen) 

- (WindowsState) Property take ( maximize - 
minimize - normal ) 


-properties ( formborderstyle - controlbox - 
minimizebox - maximizebox - righttoleftlayout - 
righttoleft - backcolor - text ) 

When you adjust any property of them, shows the 
impact on the form window immediately ( during 
design ) 


-properties ( showintaskbar - startposition - 
windowstate ) 

When you adjust any property of them, doesn’t show 
the impact on the form window immediately ( during 
design ), but show the impact During the test 
program ( running program ) 


-running the program 

press F5 on the keyboard 

click start icon on the standard toolbar 
select start debugging from debug menu 


31 


-stopping the program 

Click button on the title bar of form 
click stop icon on the standard toolbar 
select stop debugging from debug menu 


Button 

A Button is one of the (Controls) that can be drawn 
on the (Form), 

a user will use a button by clicking on it to perform a 
specific task 


To place a Command Button on the form, in design 
mode. Move the mouse pointer to the Toolbox and 
double-click the Button icon 

The Button is displayed on the Form 


Button Properties 


Property Function 


ForeColor | The foreground color for the text on the (Button) or its (Font 
color). 


The text’s (Font, Size and Style) on the (Button). 


The height and width of the (Button) on the Form’s window. 


Notice, change property value from 0;0 that default 
value to new value 
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To adjust size property active the button, Place the 
mouse pointer on one of the boxes (sizing handles). 
Drag and Drop the mouse until the desired size is 
reached 

Notice, increase property value if pull out, but 
decrease if pull in 


Notice 

All the previous properties shows the impact on the 
button 

except name property, The impact will not appear 
on the button and not on any other tool 

because this property, only used in the code view 


Label 

is a control used to provide the user with information. 
It appears as a heading or title within a form to let 
the user know the form’s content. 

Label controls cannot be changed, users cannot type 
in (any text) during the run-time. 


Label properties 
Property Function 


AutoSize Specifies whether the size of the control (Label) is 


automatically adjusted by text written 


BorderStyle | Specifies the border style of the control (Label) 
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Notice 

If the AutoSize property is set to False, you can 
manually adjust the size of the label. 

If the AutoSize property is set to True, the label size 
is automatically adjusted to fit the text displayed on 
the label. 


Notice 

The control (Label) has a set of properties like 
(Name- Text- Font - 

ForeColor - BackColor - Visible - Size - Location - 
RightToLeft - 

Image) 


TextBox 
can be used for both entering data and displaying 
results. 


TextBox properties 


Property Function 
MaxLength Specifies the maximum number of characters that 
user can write in the (TextBox) . 
PasswordChar Specifies the symbol that will be displayed instead of 
the text written; as example: creating a Password. 
MultiLine Determines whether the (TextBox) control allows 
multiple lines. 
Notice 


Multiline property take ( true - false ) 
True means writing in Multiline 
False means writing in one line 
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Notice 

The control (TextBox) has a set of properties like 
(Name- Text- Font - ForeColor - Visible - Size - 
Location - RightToLeft - Enabled) 

ListBox control 

is used for displaying a list of items 


ListBox control properties 


Property Function 


Presents a set of items displayed in the (ListBox) 


Sorted Specify whether the items are arranged or not 


SelectionMode Determine whether it is possible to select one or more 


item displayed in the (ListBox). 


Notice 

Sorted property take true - false 
selectionmode property take 

one To choose only one item 

multiextended To choose more than one item 
none Not be allowed to choose any item 


Notice 

The control (ListBox) has a set of properties like 

( Name -Visible -Size- RightToLeft - ForeColor- Font 
-BorderStyle - location ) 


Property Function 


Presents the items in the (ComboBox) 


The maintained source of items used for automatic 
completion of input string. 


AutCompleteSource 


The input string or (prefix being entered) that will be 
compared to the prefixes of all strings in a maintained 
source; upon which the automatic completion will be 
done. 


AutoCompleteMode 


Notice 

Autocompletesource property have several choices, 
including 

Listitems items in the list 

None Not choose from any source 


Notice 

Autocompletemode property have several choices, 
including 

suggest Suggested items of the current list (By the 
beginning of writing user ) 

None Do not display any suggestions 


Notice 

The control (ComboBox) has a set of properties like 
( Name -Visible - Size -Location - RightToLeft - 
ForeColor- Font -BorderStyle -Items ) 


GroupBox control 
is used to group other controls of same function 
together on the Form window. 


GroupBox control properties 

The control (GroupBox) has a set of properties like 
( Name -Visible - Size -Location - RightToLeft - 
ForeColor- Font - text - background ) 
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RadioButton Control 
is used to select one option only from a group of 
options 


RadioButton Control properties 


Property Function 
Cheka Indicates if the (RadioButton) has been selected or 
not 
Text The text displayed on the (RadioButton) 
Notice 


The control (RadioButton) has a set of properties like 
( Name -Visible - Size -Location - RightToLeft - 
ForeColor- Font) 


Notice 

Checked property take true - false 

To choose more than one alternative of radiobutton 
Can work two group of groupbox tool, put a number 
of radiobutton in each group 

Then, can select one radiobutton from groupbox, 
and select another radiobutton from another 
groupbox 


Checkbox control 
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is used to select one or more options 


Checkbox control properties 

The control (CheckBox) has a set of properties like 
( Name -Visible - Size -Text - Checked - Font - 
ForeColor- RightToLeft -Location) 


Chapter 4 
Code Window 
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comer- icrosoft Visual Basic 2008 Express Edition 


File Edit View Project Build Debug Data Format Tot 
Bla a- a g J» - E" E | 5 = 2: w) ~ p E 


(1) The Solution name. 
(2) (Visual Studio) version used. 


Code Window 
Through the Code window; we can write instructions 
and codes using (Visual Basic .Net) language 


To open the (Code Window) of (Form1) perform 
the following: 


ar 1 1 1 ie | * 1 mT 


ctive 


(1) Name of the file where codes are saved. 

(2) Name of the file where the Form window is saved. 
(3) The declaration of Class; its name is (Form1). 

(4) Space between two lines; to type codes for the 
Class (Form1). 

(5) The end of the Class. 


Another way to open the (Code Window) of 
(Form 1) 


Solution Explorer 


= My Project 


Brox. 


Project name 


View Designer 
From the context menu 
choose (View Code) 


Cut 


Copy 
Delete 


Rename 


L2 «Properties 


This tigure shows 


_ Forml.vb [Design]* | Form2.vb | Form2.vb [Desi k Form1.vb*| ‘Start Page | vx 
&$ frmSquare ~ Ë (Declarations) 


J Public Class fy ai r-i 
End Class 


1- A drop-down menu of (Class Names), which refers 
to the names of controls placed on the Form. 

2- A drop-down menu of (Method Names) or events; 
associated with the Class selected from the (Class 
Names) menu 

3- Open the drop-down (Class) menu and note that 
the default names of the controls are listed, that you 
put on this form 

4- When you select (Button1) from the Class menu, 
open the drop-down (Methods) menu; it displays the 
events associated with (Button1) 


Event Handler 
is the procedure (called into action) when an event 
occurs 


(1) The procedure name composed of (object name, 
event name) 
(2) End of procedure 
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(3) What causes the call of the procedure (event 
occurrence) 

(4) Between the two lines, you can write codes that 
will be executed, when call of the procedure, after 
event occurs 

(5) The declaration of the Class (frmSquare) 

(6) The end of the Class 


Form2.vb"  Form2.vb [Design]” | Formi.vb | Start Page | 


Btn Tet > Fik 


Fi Public Class Form 
fo Private Sub Gen Text clit), y 


jal sender As Object, ByVal e As System.EventArgs} Handles Btn Text.Click 


1-The Procedure Name is (btn Text Click); 
the control name is (btn Text), and the event name 
is (Click). 
2-Between the two lines shown; you can write 
statements or codes. 


The value 


Set the value of the property (Name) for the controls as 
follows in table 


Control Value of the property 
(Name) 
Buttonl Btn_Text 
Button2 Btn_ForeColor 
Button3 Btn_Font 
Button4 Btn_Visible 
Button5 Btn_End 


- Insert the (Click )event handler of the Button 
(btn Text ) 
- Adjust the property (Text ) for the Label 
(lbl Title ) to be: 
"du sJl pao Agger ` 
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Ibl_ Title. Text= "án yas 44) gpa" 


-Insert the (Click )event handler for the Button 
(btn ForeColor) 

- Set the value of the property (ForeColor) for 
(lbl Title ) to (Blue) 


IbL_Title.ForeColor=Color.Blue 


-Insert the (Click )event handler for the Button 
(btn Font) 

- Adjust the property (Font) for (lbl Title ) to become: 
(font type) = Arial and, (font size) =30 


lbl_Title.Font= New Font("arial", 30) 


-Insert the (Click )event handler for the Button 

(btn Visible) 

- Set the value of property (Visible) for (lbl Title ) to 
(False) 


Ibl_ Title. Visible = False 


Notice The values assigned to properties may have 
several types: 

1.The abstract value; e.g. Property (Text). 

2.The logical value; e.g. Property (Visible). 

3.The value selected from a list; e.g. Property 


(ForeColor). 
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4.The value formed from creating an (Object); e.g. 
Property (Font). 


5.The value of the result of arithmetic expression (will 
be studied later). 


6.The value of a Variable or Property. 
-To end the procedure insert the (Click) event 


handler for the Button (btnEnd) and type the 
command (End) 


when we terminate writing all (Event Handlers). 
The (Code Window) becomes as show in figure 


Form2.vb*) Form2.vb (Design|” | Forml.vb | Start Page | 


H (General) + Ë Wectarations) 


©) Public Class Form2 
Private Sub Btn Text Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Btn _Text.Click 
ibl Title. Text = "lyri pas Ly gger” 
Sub 


Private Sub Btn ForeColor Clicr(ByVal sender As System.Object, ByVal e As System.EventArgs} Handles Btn ForeColor,.Click 
lbl Title.ForeColor = Color.Blue 

End Sub 

Font_Click (ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Brtn _Font.Click 

lbl Title.font = New Font(|"arial", 30) 


End Sub 


Private Sub Btn Visible Click(ByVal sender As Systen.Object, ByVal e As System.EventArgs) Handles Btn Visible.Click 
lbl Title. Visible = False 


End Sub 
Private Sub Btn End Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Brn End.Click 


Enc JuD 


With best wishes 
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